<template>
	<view>
		<view class="content">
			<image class="conterListCLIst" :src="imgUrl+'/bg01.jpg'" mode=""></image>
			<!-- <image  class="conterListCLIst" :src="imgUrl+'/aices.png" mode=""></image> -->
			<view class="posconter">
	
				<image :src="imgUrl+'/rengang01.png'" style="width: 100%;" mode=""></image>
				
				<view class="conterAmenSkey">
					<view class="conterAmenSkeyList">
						<image class="omga" :src="imgUrl+'/gangwei.png'" mode=""></image>
						<view class="">
							<view>累计</view>
							<view class="mri">2{{jobnum}}</view>
							<view>个岗位</view>
						</view>
					</view>
					<view class="conterAmenSkeyList">
						<image class="omga" :src="imgUrl+'/qiyec.png'" mode=""></image>
						<view class="">
							<view>累计</view>
							<view class="mri">4{{contnum}}</view>
							<view>个央国企</view>
						</view>
					</view>
				</view>
				<view class="conyeCyosng"  v-if="tokenC">
					<view v-if="userInfoJson.full_name">
						<view class="jibanxinx">基本信息
							<view class="wanxian" @click="goPages('/resume/onLine/index?type=1',true)">
								去完善
							</view>
						</view>
						<view class="conyteSluat" >
							<image class="im"   :src="userInfoJson.avatar?'https://app.zizijy.com/'+userInfoJson.avatar:avatar"  mode=""></image>
							<view class="tengCongmenC" v-if="userInfoJson.full_name">
								 <view class="consmecoNMe">
									 <view class="na">姓　　名：</view>
									 <view class="">{{userInfoJson.full_name}}</view>
								 </view>
								  <view class="consmecoNMe">
									  <view class="na">意向岗位：</view>
									  <view v-if="userInfoJson.yx_gangwei">{{userInfoJson.yx_gangwei}}</view>
									  <view v-else>未填写</view>
								  </view>
								  <view class="consmecoNMe" >
									  <view class="na">意向城市：</view>
									  <view v-if="userInfoJson.yx_chengshi">{{userInfoJson.yx_chengshi}}</view>
									  <view v-else>未填写</view>
								  </view>
								 	 
							</view>
						</view>
					</view>
					<view class="conyeCyosng" style="display: flex;align-items: center;padding: 24rpx;box-sizing: border-box;" v-else>
						<image class="user-img"  @click="goPages('/resume/onLine/index?type=1',true)"  :src="imgUrl+'/footeHome.png'" mode=""></image>
						<view  class="userButtom" @click="goPages('/resume/onLine/index?type=1',true)">
							去完善基本信息
						</view>
					</view>
				</view>
				<view class="conyeCyosng" style="display: flex;align-items: center;padding: 24rpx;box-sizing: border-box;" v-else>
					<image class="user-img"  @click="goLogin()"  :src="imgUrl+'/footeHome.png'" mode=""></image>
					<view  class="userButtom" @click="goLogin()">
						点击立即登录
					</view>
				</view>
			
				<view class="conyeCyosng" style="padding: 24rpx;box-sizing: border-box;">
				<view  class="xuanze">请选择
				</view>
				<view style="font-size: 26rpx;">根据测评结果智能匹配合适您的职位</view>
				
				<view class="contBlistconste"
					style="margin-top: 25rpx;"
					:class="{active:tabactive==1}"
					@click="tabactive=1"
				>
					<image class="const" :src="imgUrl+'/acsksust.png'" mode=""></image>
					<view>
						<view class="title">
							MBTI职业性格测试
						</view>
						<view class="subtitle-cs" style="display: flex;align-items: center;font-size: 28rpx;;color: #3B5EEC;font-weight: 500;" v-if="appraisalStatus[1].type">
							<!-- {{appraisalStatus[1].type?appraisalStatus[1].type:''}} -->
							<image :src="imgUrl+'/conListAr.png'" style="width: 32rpx;height: 32rpx; margin-right: 10rpx;" mode=""></image>
							{{appraisalStatus[1].type}}类型
						</view>
						<view class="subtitle-cs" v-else>
							暂无测评记录
						</view>
					</view>
					<view style="display: flex;">
						<view v-if="appraisalStatus[1].status<1" class="annui" @click="goPagesPages('/pages/ai/cheConter?type=1')">
							开始测评
						</view>
						<view class="cinterList" v-if="appraisalStatus[1].status==1" @click="goPagesPages('/pages/ai/baogao?type=1&id='+appraisalStatus[1].id)">
							报告
						</view>
						<view class="annui" @click="goPagesPages('/pages/ai/cheConter?type=1')" v-if="appraisalStatus[1].status==1">
							重新测评
						</view>
					</view>
				</view>
				<view class="contBlistconste"
					:class="{active:tabactive==2}"
					@click="tabactive=2"
				>
					<image class="const" :src="imgUrl+'/acsksust.png'" mode=""></image>
					<view>
						<view class="title">
							职业定位测试
						</view>
						<view class="subtitle-cs" style="display: flex;align-items: center;font-size: 28rpx;;color: #3B5EEC;font-weight: 500;" v-if="appraisalStatus[2].type">
							<image :src="imgUrl+'/conListAr.png'" style="width: 32rpx;height: 32rpx; margin-right: 10rpx;" mode=""></image>
							{{appraisalStatus[2].type}}类型
						</view>
						<view class="subtitle-cs" v-else>
							暂无测评记录
						</view>
					</view>
					<view style="display: flex;">
						<view v-if="appraisalStatus[2].status<1" class="annui" @click="goPagesPages('/pages/ai/cheConter?type=2')">
							开始测评
						</view>
						<view class="cinterList" v-if="appraisalStatus[2].status==1" @click="goPagesPages('/pages/ai/baogao?type=2&id='+appraisalStatus[2].id)">
							报告
						</view>
						<view class="annui" @click="goPagesPages('/pages/ai/cheConter?type=2')" v-if="appraisalStatus[2].status==1">
							重新测评
						</view>
					</view>
				</view>
				<view class="contBlistconste"
					:class="{active:tabactive==3}"
					@click="tabactive=3"
				>
					<image class="const" :src="imgUrl+'/acsksust.png'" mode=""></image>
					<view>
						<view class="title">
							职业评估测试
						</view>
						<view class="subtitle-cs" style="display: flex;align-items: center;font-size: 28rpx;;color: #3B5EEC;font-weight: 500;" v-if="appraisalStatus[3].type">
							<image :src="imgUrl+'/conListAr.png'" style="width: 32rpx;height: 32rpx; margin-right: 10rpx;" mode=""></image>
							{{appraisalStatus[3].type}} 类型
						</view>
						<view class="subtitle-cs" v-else>
							暂无测评记录
						</view>
					</view>
					<view style="display: flex;">
						<view v-if="appraisalStatus[3].status<1" class="annui" @click="goPagesPages('/pages/ai/cheConter?type=3')">
							开始测评
						</view>
						<view class="cinterList" v-if="appraisalStatus[3].status==1" @click="goPagesPages('/pages/ai/baogao?type=3&id='+appraisalStatus[3].id)">
							报告
						</view>
						<view class="annui" @click="goPagesPages('/pages/ai/cheConter?type=3')" v-if="appraisalStatus[3].status==1">
							重新测评
						</view>
					</view>
				</view>
				</view>
				
			
				
				<view class="contBlistList_lisyt" @click="goPages('/pages/Job/JobDetailsCarMead?id='+tabactive,true)" >
					开始匹配
				</view>
	
			</view>
		</view>
		<footerTer :active="2"></footerTer>
	</view>
</template>

<script>
	import {
		Request
	} from '@/utils/request.js'
	import Header from "./header.vue"
	import footerTer from "../../components/footer.vue"
	export default{
		components:{
			Header,
			footerTer
		},
		data(){
			return {
				userInfoJson:{},
				tabactive:1,
				forInfo:{},
				imgUrl:this.imgUrl,
				avatar:require('../../static/21723798284_.pic_hd.png'),
				tokenC:uni.getStorageSync('token'),
				dataList:[],
				jobnum:0,
				contnum:0,
				jobConList:[],
				appraisalStatus:{
					
				}
			}
		},
		onLoad({answer}) {
			// this.appraisalexamReport(answer);
			
			this.appraisalgetAppraisalResult();
			this.jobCount();
			this.userInfo();
			
		},
		methods:{
			goPagesPages(path){
				if(this.userInfoJson.uid){
					uni.navigateTo({url:path})
				}else{
					uni.redirectTo({
						url:'/logon/logon/index'
					})
				}
			},
			goPages(path){
				if(this.userInfoJson.uid){
					uni.navigateTo({
						url:path
					})
				}else{
					uni.redirectTo({
						url:'/logon/logon/index'
					})
				}
				
			},
			goLogin(){
				uni.redirectTo({
					url:'/logon/logon/index'
				})				
			},
			jobCount(){							
				Request('job/jobCount',{
				}).then((res)=>{
					this.jobnum=res.num;
					this.contnum=res.contnum;
				})
				
			},
			
			appraisalgetAppraisalResult(){
							
				Request('appraisal/getAppraisalStatus',{
				}).then((res)=>{
					this.appraisalStatus=res;
				})
				
			},
			// appraisal/getAppraisalResult
			// joblist(){
			// 	this.jobConList=[];
			// 	Request('job/list',{
			// 		page:this.page,
			// 	}).then(({data}) => {
			// 		const tdata = data || [];
			// 		this.jobConList = tdata;
			// 	})
			// },
			appraisalgetAppraisal(answer){
				let arrCons='';
				let keyIndex=this.keyIndex;
				let dataForm=this.dataForm;
				Request('appraisal/getAppraisal',{
				}).then(({answer})=>{
					answer.map((item,index)=>{
						arrCons=item.join('-')+",";
						// dataForm[keyIndex[item[0]]].isTab=item[1]
					})
					this.appraisalexamReport(arrCons)
					// this.tabIndex=answer.length;
					// this.dataForm=[
					// 	...dataForm
					// ]
				})
				// 
			},
			userInfo(){
			   Request('/user/info').then((res)=>{
				   this.userInfoJson=res;
			   })
			},
			appraisalexamReport(answer){
				Request('appraisal/examReport',{
					answer:answer
				},'post').then((res)=>{
					this.forInfo=res;
				})
			},
			shareUrl(){
				// uni.share({
				// 	provider: "weixin",
				// 	scene: "WXSceneSession",
				// 	type: 1,
				// 	summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
				// 	success: function (res) {
				// 		console.log("success:" + JSON.stringify(res));
				// 	},
				// 	fail: function (err) {
				// 		console.log("fail:" + JSON.stringify(err));
				// 	}
				// });
			}
			
		}
	}
</script>
<style scoped>
	.consmecoNMe{
		display: flex;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #000000;
		line-height: 48rpx;
	}	
	.conTenfsme{
		display: flex;
		padding: 23rpx;
		box-sizing: border-box;
		overflow: scroll;
		align-items: center;
	}
	.conTenfsmeList{
		width: 280rpx;
		min-width: 280rpx;
		box-sizing: border-box;
		box-sizing: border-box;
		padding: 20rpx;
		height: 230rpx;
		box-sizing: border-box;
		margin-right: 11rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(155,173,236,0.3);
		border-radius: 16rpx;
		font-family: MiSans;
		font-weight: 400;
		font-size: 24rpx;
		color: #333333;
		line-height: 30rpx;
	}
	.tengCongmenC .na{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #333333;
		line-height: 48rpx;
	}
	.conyteSluat{
		
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding-left: 66rpx;
		padding-bottom: 42rpx;
	}
	.jibanxinx{
		font-family: PingFang SC, PingFang SC;
		font-weight: 600;
		display: flex;
		justify-content: space-between;
		font-size: 30rpx;
		color: #333333;
		box-sizing: border-box;
		padding: 26rpx 22rpx;
	}
		
	.conyteSluat .im{
		width: 180rpx;
		border-radius: 50%;
		margin-right: 39rpx;
		height: 180rpx;
	}
	.conterAmenSkey{
		display: flex;
		width: 100%;
		padding: 0 30rpx;
		margin-top: 20rpx;
		box-sizing: border-box;
		justify-content: space-between;
	}
	.conyeCyosng{
		font-family: PingFang SC, PingFang SC;
		
		width: 690rpx;
		background: rgba(255,255,255,0.5);
		border-radius: 20rpx;
		border: 2px solid #FFFFFF;
		margin: 0 auto;
		margin-top: 24rpx;
	}
	.conterAmenSkey .conterAmenSkeyList{
		width: 341rpx;
		height: 180rpx;
		font-family: MiSans;
		font-weight: 400;
		font-size: 24rpx;
		color: #333333;
		background: rgba(255,255,255,0.5);
		border-radius: 20rpx;
		border: 2px solid #FFFFFF;
		box-sizing: border-box;
		padding: 33rpx;
		display: flex;
		align-items: center;
	}
	.conterAmenSkey .omga{
		width: 90rpx;
		height: 90rpx;
		margin-right: 33rpx;
	}
	.conterAmenSkey .mri{
		font-family: MiSans;
		font-weight: 600;
		font-size: 36rpx;
		color: #E26262;
	}
	.tisles{
		font-family: MiSans;
		font-weight: 600;
		font-size: 46rpx;
		color: #222222;
		line-height: 72rpx;
	}
	.consLIstC{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.contaMenter{
		position: absolute;
		right: 30rpx;
		top: 80rpx;
		width: 283rpx;
		height: 257rpx;
	}
	.consLIstCList{
		height: 40rpx;
		background: linear-gradient(90deg, rgba(59,94,236,0.4) 0%, rgba(51,153,255,0.4) 100%);
		border-radius: 20rpx;
		font-family: MiSans;
		font-weight: 400;
		margin-right: 18rpx;
		margin-bottom: 18rpx;
		font-size: 22rpx;
		line-height: 40rpx;
		text-align: center;
		padding: 0 22rpx;
		color: #222222;
	}
	.tisles .subtisles{
		font-family: Bahnschrift;
		font-weight: bold;
		font-size: 80rpx;
		color: #222222;
		line-height: 72rpx;
		
	}
	.cibLIstHade{
		justify-content: space-between;
	}

	.cibLIstHade .wanxian{
		width: 120rpx;
		height: 56rpx;
		text-align: center;
		line-height: 56rpx;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		border: 1rpx solid #FFFFFF;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #FFFFFF;
		font-style: normal;
		text-transform: none;
	}
	.cibLIstHade .im_conts{
		display: flex;
		align-items: center;
	}
	.contBlistconste.active{
		border: 4rpx solid #32F5A0;
	}
	.const{
		display: none;
	}
	.contBlistconste.active .const{
		display: block;
		width: 48rpx;
		height: 48rpx;
		position: absolute;
		right: -22rpx;
		top: -22rpx;
	}
	.cibLIstHade .tit{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 38rpx;
		color: #FFFFFF;
		font-style: normal;
		text-transform: none;
	}
	.cibLIstHade .sub-tit{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		padding: 0rpx 10rpx;
		font-size: 24rpx;
		color: #cccccc;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.cibLIstHade{
		margin-bottom: 32rpx;
	}
	.cibLIstHade .im{
		width: 88rpx;
		height: 88rpx;
		margin-right: 24rpx;
		border-radius: 50%;
	}
	.contBlistconste{
		width: 626rpx;
		height: 170rpx;
		padding: 32rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		margin: 0 auto;
		box-sizing: border-box;
		margin-bottom: 24rpx;
		background: linear-gradient( 90deg, #FFFFFF 0%, rgba(255,255,255,0.6) 100%);
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}
	.contBlistList_lisyt{
		width: 702rpx;
		height: 100rpx;
		background: linear-gradient(90deg, #5FBCFF 0%, #1940E2 100%);
		border-radius: 50rpx;
		margin: 36rpx auto;
		margin-bottom: 250rpx;
		font-family: MiSans;
		text-align: center;
		line-height: 100rpx;
		font-weight: 400;
		font-size: 36rpx;
		color: #FFFFFF;
	}
	.cinterList{
		width: 96rpx;
		height: 56rpx;
		text-align: center;
		line-height: 52rpx;
		margin-right: 16rpx;
		box-sizing: border-box;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		border: 2rpx solid #3B5EEC;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #3B5EEC;
		font-style: normal;
		text-transform: none;
	}
	.contBlistconste .annui{
		width: 144rpx;
		height: 56rpx;
		line-height: 56rpx;
		text-align: center;
		background: #3B5EEC;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #FFFFFF;
		font-style: normal;
		text-transform: none;
	}
	.contBlistconste .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 600;
		font-size: 26rpx;
		padding-bottom: 10rpx;
		color: #0D0E0F !important;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.contBlistconste .subtitle-cs{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #8F9294;
		padding-bottom: 20rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.coner{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
	.conterListCLIst{
		width: 100%;
		height: 100vh;
		position: fixed;
		z-index: 1;
	}
	.posconter{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 9;
	}
	.conterListCLIst{
		background-color: #F7F8FA;
	}
		
	.conerTentConter{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 36rpx;
		color: #FFFFFF;
		font-style: normal;
		text-transform: none;
	}
	.conerTentConter .subtitle{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 26rpx;
		color: #FFFFFF;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.heade-conter-list{
		width: 702rpx;
		background: linear-gradient( 180deg, rgba(255,255,255,0.3) 0%, #FFFFFF 100%);
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		box-sizing: border-box;
		padding: 0 32rpx;
		margin-bottom: 17rpx;
	}
	.conter-list{
		width: 702rpx;
		background: #FFFFFF;
		padding: 32rpx;
		box-sizing: border-box;
		margin-bottom: 32rpx;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}
	.conterListAyy{
		width: 638rpx;
		height: 88rpx;
		background: #F0F2FC;
		box-sizing: border-box;
		padding: 0 24rpx;
		margin-bottom: 16rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #646669;
		font-style: normal;
		text-transform: none;
	}
	.conterListAyy .abbreviation{
		width: 48rpx;
		height: 48rpx;
		text-align: center;
		line-height: 48rpx;
		color: #FFFFFF;
		background: #3B5EEC;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		font-weight: 500;
		font-size: 28rpx;
		line-height: 44rpx;
		font-style: normal;
		text-transform: none;
	}
	.conterListAyy .type{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		padding-left: 8rpx;
		padding-right: 24rpx;
		font-size: 28rpx;
		color: #3B5EEC;
		line-height: 44rpx;
		font-style: normal;
		text-transform: none;
	}
	.conter-list .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #0D0E0F !important;
		line-height: 44rpx;
		margin-bottom: 24rpx;
		font-style: normal;
		text-transform: none;
		position: relative;
	}
	.fenxiangconterList{
		width: 100%;
		background: #FFFFFF;
		box-sizing: border-box;
		position: fixed;
		bottom: 0;
		padding:30rpx 24rpx ;
		z-index: 99;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	.fenxiangconterList .left{
		width: 208rpx;
		height: 80rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		border: 2rpx solid #3B5EEC;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #3B5EEC;
		line-height: 80rpx;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
	.fenxiangconterList .rco{
		width: 478rpx;
		height: 80rpx;
		background: linear-gradient( 90deg, #3B5EEC 0%, #61B589 100%);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		line-height: 80rpx;
		color: #FFFFFF;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
	.conter-list .title::after{
		content: '';
		width: 195rpx;
		height: 20rpx;
		position: absolute;
		left: 0;
		bottom: 0;
		background: linear-gradient( 90deg, rgba(59,94,236,0.3) 0%, rgba(64,97,228,0) 100%);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	.heade-conter-list ._img{
		width: 244rpx;
		height: 244rpx;
	}
	.leixingcs{
		
	}
	.leixingcs .t{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 26rpx;
		color: #0D0E0F;
		font-style: normal;
		text-transform: none;
	}
	.leixingcs .r{
		font-family: MiSans, MiSans;
		font-weight: bold;
		font-size: 96rpx;
		color: #0D0E0F;
		font-style: normal;
		text-transform: none;
	}
	.leixingcs .c{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #0D0E0F;
		font-style: normal;
		text-transform: none;
	}
	.info{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #646669;
		line-height: 44rpx;
		font-style: normal;
		padding-bottom: 10rpx;
		text-transform: none;
	}
	.header{
		
	}
	.position{
			margin-top: 24rpx;
		}
		.position-list{
			padding: 24rpx;
			width: 702rpx;
			box-sizing: border-box;
			background: #FFFFFF;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			margin-bottom: 16rpx;
		}
		.list-header .l{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #0D0E0F;
			text-align: left;
			font-style: normal;
			text-transform: none;
		}
		.list-header .r{
			font-family: MiSans, MiSans;
			font-weight: 600;
			font-size: 28rpx;
			color: #3B5EEC;
			text-align: right;
			font-style: normal;
			text-transform: none;
		}
		.position-list .stne{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #8F9294;
			text-align: left;
			margin-bottom: 16rpx;
			margin-top: 10rpx;
			font-style: normal;
			text-transform: none;
		}
		.position-list .cten{
			width: 144rpx;
			height: 56rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #FFFFFF;
			text-align: center;
			line-height: 56rpx;
			font-style: normal;
			text-transform: none;
			background: #3B5EEC;
			border-radius: 12rpx 12rpx 12rpx 12rpx;
		}
		.label-list{
			height: 48rpx;
			padding: 0 16rpx;
			background: #F7F8FA;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #8F9294;
			margin-right: 16rpx;
			margin-bottom: 24rpx;
			text-align: center;
			line-height: 48rpx;
			font-style: normal;
			text-transform: none;
		}
		.contenArrsbx{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #646669;
			text-align: left;
			font-style: normal;
			text-transform: none;
		}
		.contenArrsbx .user-img{
		width: 48rpx;
		height: 48rpx;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		margin-right: 8rpx;
	}
	.consList{
				width: 56rpx;
				height: 32rpx;
				background: #FAF2E7;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 20rpx;
				color: #E8A03D;
				text-align: center;
				line-height: 32rpx;
				font-style: normal;
				text-transform: none;
				margin-left: 10rpx;
			}
		.tijiaoC{
			padding: 24rpx 0;
			box-sizing: border-box;
			border-bottom: 1rpx solid rgb(237, 234, 234);
		}
		.tijiaoC .congzhi{
			width: 180rpx;
			height: 80rpx;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			border: 2rpx solid #3B5EEC;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #3B5EEC;
			text-align: center;
			line-height: 80rpx;
			font-style: normal;
			text-transform: none;
		}
		.tijiaoC .shaixuan{
			width: 498rpx;
			height: 80rpx;
			background: #3B5EEC;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #FFFFFF;
			line-height: 80rpx;
			text-align: center;
			font-style: normal;
			text-transform: none;
		}
		.user-img{
			width: 106rpx;
			height: 106rpx;
			border-radius: 50%;
			margin-right: 24rpx;
		}
		.userButtom{		
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 40rpx;
			color: #0D0E0F;
			text-align: left;
			font-style: normal;
			text-transform: none;
		}
		.xuanze{		
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 36rpx;
			color: #0D0E0F;
			text-align: left;
			font-style: normal;
			text-transform: none;
		}

</style>